<!DOCTYPE html>
<html lang='zh-ch'>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
	<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.1.1/css/bootstrap.css">
	<link rel="stylesheet" href="/assets/css/weixin/weather.css">
</head>

<body>

	<div class="content_main">

		<div class="today">

			<p>苏州<br/><?php echo $now_time?></p>

			<div>

				<img src="/assets/weather/codeimg/<?php echo $now_code?>.png" width="130px" height="130px">

				<ul> 

					<li style="font-size:2.2em;"><?php echo $now_temp?>°</li>

					<li><?php echo $now_text?></li>

					<li><?php echo $now_wind?></li>

				</ul>

			</div>

		</div>

		<div class="afterday">

			<div>

				<?php foreach ($daily as $k => $v) { ?>

				<ul>

					<li><?php echo $v['date']?></li>

					<li><img src="/assets/weather/codeimg/<?php echo $v['code_day']?>.png" width="40px" height="40px"></li>

					<li><?php echo $v['low']?>°/<?php echo $v['high']?>°</li>

					<li><?php echo ($v['text_day'] == $v['text_night']) ? $v['text_day'] : $v['text_day'].'转'.$v['text_night'] ?></li>

					<li><?php echo $v['wind_direction'].'风'.$v['wind_scale'].'级'?></li>

				</ul>

				<?php }?>

			</div>

			<div>

			</div>

		</div>

	</div>

</body>

<script type="text/javascript" src="/assets/plugins/jquery/jquery.min.js"></script>

<script type="text/javascript">

	$(function(){

		var winheight = $(window).height();

		$('.content_main').css('height',winheight);

	});

</script>

</html>